﻿<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

<head>
	<!-- 引入 Bootstrap -->
	<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" href="../../favicon.ico">
	<!-- Bootstrap core CSS -->
	<link href="dist/css/bootstrap.min.css" rel="stylesheet">
	<!-- Custom styles for this template -->
	<link href="navbar.css" rel="stylesheet">

</head>


<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<div class="carousel slide" id="carousel-619174">
				<ol class="carousel-indicators">
					<li data-slide-to="0" data-target="#carousel-619174">
					</li>
					<li data-slide-to="1" data-target="#carousel-619174">
					</li>
					<li data-slide-to="2" data-target="#carousel-619174">
					</li>
				</ol>
				<div class="carousel-inner">
					<div class="item">
						<img alt="" src="img/101.jpg" />
						<div class="carousel-caption">
							<h4>
								棒球
							</h4>
							<p>
								棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。
							</p>
						</div>
					</div>
					<div class="item active left">
						<img alt="" src="img/102.jpg" />
						<div class="carousel-caption">
							<h4>
								冲浪
							</h4>
							<p>
								冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
							</p>
						</div>
					</div>
					<div class="item next left">
						<img alt="" src="img/103.jpg" />
						<div class="carousel-caption">
							<h4>
								自行车
							</h4>
							<p>
								以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
							</p>
						</div>
					</div>
				</div> <a data-slide="prev" href="#carousel-619174" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-619174" class="right carousel-control">›</a>
			</div>
			<ul class="nav nav-tabs">
				<li class="active">
					<a href="#">首页</a>
				</li>
				<li>
					<a href="#">资料</a>
				</li>
				<li>
					<a href="#">信息</a>
				</li>
				<li class="dropdown pull-right">
					<a class="dropdown-toggle" data-toggle="dropdown" href="#">下拉</a>
					<ul class="dropdown-menu">
						<li>
							<a href="#">操作</a>
						</li>
						<li>
							<a href="#">设置栏目</a>
						</li>
						<li>
							<a href="#">更多设置</a>
						</li>
						<li class="divider">
						</li>
						<li>
							<a href="#">分割线</a>
						</li>
					</ul>
				</li>

				<li class="dropdown pull-right">
					<a href = "login.html">登录</a>
				</li>
				<li class="dropdown pull-right">
					<a href="register.html">注册</a>
				</li>

			</ul>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
			<form class="form-search">
				<input class="input-medium search-query" type="text" /><button class="btn" type="submit">查找</button>
			</form>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
			<h3>
				<em>最新作品</em>
			</h3>
			<div class="row">
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/1.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/2.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/3.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/4.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/1.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/2.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/3.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/4.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
			</div>
			<h4>
				<em>热门图片</em>
			</h4>
			<div class="row">
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/1.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/2.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/3.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/4.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/1.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/2.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/3.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="thumbnail">
						<img src="img/4.jpg"
							 alt="通用的占位符缩略图">
						<div class="caption">
							<h3>缩略图标签</h3>
							<p>一些示例文本。一些示例文本。</p>
							<p>
								<a href="#" class="btn btn-primary" role="button">
									按钮
								</a>
								<a href="#" class="btn btn-default" role="button">
									按钮
								</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

